<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>blog</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .s-title{cursor: default;}
        .s-title .text-uppercase{line-height: 60px;font-size: 16px;color: #6c6b6b;overflow: hidden;text-align: right;}
        .s-title .text-uppercase span{display: inline-block;margin-left: 20px;vertical-align: middle;}
        .s-title .text-uppercase span img{}
        .s-title .s-box1,.s-title .s-box2{background-color: #ccc;padding: 20px 0;display: none;clear: both;}
        
        .content{margin-top: 20px;}
        .content ul{overflow: hidden;}
        .content ul li{float: left;width: 397px;margin-left: 3px;margin-bottom: 20px;}
        .content ul li .img-box{position: relative;display: block;}
        .content ul li .img-box .bg{display: block;width: 100%;height: 300px;}
        .content ul li .img-box .time{position: absolute;left: 10px;top: 10px;line-height: normal;font-size: 14px;font-weight: bold;background-color: #c4261d;color: #fff;padding: 5px 20px;}
        .content ul li .img-box .top-title{position: absolute;width: 160px;text-align: center;top: 10px;right: 10px;font-size: 12px;line-height: 30px;color: #fff;background-color: #c4261d;}
        .content ul li .img-box .face{position: absolute;bottom: 20px;left: 10px;overflow: hidden;}
        .content ul li .img-box .face img{display: block;width: 55px;height: 55px;border-radius: 55px;float: left;}
        .content ul li .img-box .face span{line-height: 55px;color: #fff;background-color: #c4261d;font-size: 14px;font-weight: bold;
            padding: 5px 10px;margin-left: 10px;}
        .content ul li p{font-size: 14px;padding: 0 15px;}
        .content ul li .title{line-height: 50px;}
        .content ul li .detail{color: #5e5d5d;height: 50px;overflow: hidden;text-align: justify;}
        .content ul li .more{line-height: 40px;display: block;font-size: 14px;padding: 0 15px;}
        .content ul li .more img{margin-left: 10px;}
    </style>
</head>
<body ng-app="">
<!--公共头部-->
<div ng-include="'../html/header.html'"></div>
<div class="bread container-fluid">
    <div class="container clear">
        <div class="fl path">
            <p class="fs-18"><em>You are here:&nbsp;</em><a href="" class="text-capitalize">Home</a>&nbsp;>&nbsp;<span class="bold red text-capitalize">blog</span></p>
        </div>
        <div class="fr">
            <div class="btn b-red white fs-14 bold">JUMP TO<img src="../img/vimostsports（About-Us-）_03.jpg" alt=""/></div>
            <ul class="list fs-14 text-capitalize">
                <li>
                    <a href="">about us</a>
                </li>
                <li>
                    <a href="">gallery</a>
                </li>
                <li>
                    <a href="">sublimation</a>
                </li>
                <li>
                    <a href="">how to order</a>
                </li>
                <li>
                    <a href="">order process</a>
                </li>
                <li>
                    <a href="">fabric guide</a>
                </li>
                <li>
                    <a href="">blog</a>
                </li>
                <li>
                    <a href="">FAQS</a>
                </li>
                <li>
                    <a href="">customer reviews</a>
                </li>
                <li>
                    <a href="">contact us</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="s-title clear">
    <div class="text-uppercase container">refine posts:<span class="select1">categories <img src="../img/vimostsports（blog）_05.png" alt=""/></span><span class="select2">date <img src="../img/vimostsports（blog）_05.png" alt=""/></span></div>
    <div class="s-box1 container-fluid"></div>
    <div class="s-box2 container-fluid"></div>
</div>

<div class="content container">
    <ul>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/xinwen-1.jpg" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/xinwen-2.jpg" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/xinwen-3.jpg" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/vimostsports（blog）_22.png" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/vimostsports（blog）_23.png" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/vimostsports（blog）_24.png" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/vimostsports（blog）_28.png" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/vimostsports（blog）_29.png" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
        <li>
            <a href="../html/blog_detail.html" class="img-box">
                <img class="bg" src="../img/vimostsports（blog）_30.png" alt=""/>
                <div class="time text-uppercase">june 6<br>2016</div>
                <div class="top-title text-overflow">vimostsports new</div>
                <div class="face">
                    <img src="../img/vimostsports（blog）_35.png" alt=""/>
                    <span>ALEX</span>
                </div>
            </a>
            <p class="title text-capitalize bold">euros 1816</p>
            <p class="detail">gamegear is proud toannounce our New Brand Refresh Service for clubs,association and schools...</p>
            <a href="../html/blog_detail.html" class="more text-capitalize bold">read more <img src="../img/vimostsports（blog）_19.png" alt=""/></a>
        </li>
    </ul>
</div>
<div class="pagination">
    <a href="" class="prev">&lt;</a>
    <a href=""><span>1</span></a>
    <strong><span>2</span></strong>
    <a href=""><span>3</span></a>
    <a href=""><span>4</span></a>
    <a href=""><span>5</span></a>
    <a href="" class="next">&gt;</a>
</div>
<!--公共底部-->
<div ng-include="'../html/footer.html'"></div>
</body>
<script>
    var nav = setTimeout(function(){
        $('.nav li').eq(4).find('.nav-item').addClass('b-red').attr('href','javascript:void(0);');
    },0);
    $(function(){
        $('.select1').click(function(){
            $('.s-title .text-uppercase span').css('color','');
            $(this).css('color','#c4261d');
            $('.s-box1').slideToggle();
            $('.s-box2').slideUp();
        });
        $('.select2').click(function(){
            $('.s-title .text-uppercase span').css('color','');
            $(this).css('color','#c4261d');
            $('.s-box2').slideToggle();
            $('.s-box1').slideUp();
        })
    })
</script>
<script src="../js/scroll_top.js"></script>
</html>